<link rel="stylesheet" type="text/css" href="../core/resource/css/diy.css">
<style>
.phone-main .text {
    text-align: left;
    line-height: 22px;
    padding: 10px;
    font-size: 15px;
    background: #F5F5F7;
    border-radius: 5px;
    color: #333;
    width: auto;
}
.phone-main .l, .phone-main .r {
    margin: 10px;
    width: 100%;
}
.phone-main .l a, .phone-main .r a{
    color: red;
}
.phone-main .r .pic{float: right;width: 50px;height: 50px;border-radius: 0.2rem; margin-left:10px;background: url('../core/resource/images/gw-wx.png') no-repeat;background-size: 100% 100%;}
.phone-main .l .pic{float: left;width: 50px;height: 50px;border-radius: 0.2rem; margin-right: 10px;background: url('../core/resource/images/noavatar.gif') no-repeat;background-size: 100% 100%;}
.phone-main .text{text-align: left;line-height: 14px; padding: 0.4rem;font-size:14px;background: #F5F5F7;border-radius: 0.2rem;color: #333;width: auto;max-width:220px;  }
.phone-main .text .icon{font-size:40px}
.phone-main .r .text{float: right;background: #00a3f0;color: #fff;margin-left: 0; }
.phone-main .l .text{float: left;background: #fff;margin-left:0}
.phone-main .textimg{text-align: left;line-height: 14px; font-size:14px;border-radius: 0.2rem;color: #333;width: auto;max-width:120px;  }
.phone-main .r .textimg{float: right;color: #fff;margin-left: 0}
.phone-main .l .textimg{float: left;margin-left:0}
</style>
<div class="diy-phone">
	<div class="phone-head"></div>
	<div class="phone-body">
		<div class="phone-title">{{{tovalue}.{title}}}</div>
		<div class="phone-main">
			<div class="r clearfix">
					<img class="pic"/>
					<div class="text" ng-bind-html="trust({tovalue}.{text})"></div>
			</div>
			<div ng-if="{tovalue}.{textimg}" class="r clearfix">
					<img class="pic"/>
					<div class="textimg">
					<img style="max-width:100%" ng-src="{{tomedia({tovalue}.{textimg})}}">
					</div>
			</div>	
		</div>
	</div>
	<div class="phone-foot"></div>
</div>